<style type="text/css">
    /*#resourceModal {*/
        /*left:39%*/
    /*}*/
</style>
<h3 class="page-title">行车动态</h3>
<div class="tabbable-custom">
    <div class="portlet">
        <div class="portlet-title">
            <a href="javascript:void(0);" class="title-operation search-collapse">筛选</a>

        </div>
        <div class="portlet-search-body">
            <form class="form-inline" role="form">
                <div class="form-group">
                    <div class="col-md-4">
                        <div class="input-icon">
                            <i class="fa fa-calendar"></i>
                            <input class="form-control" ed-date-picker placeholder="开始时间"  ng-model="query.startDate"/>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-4">
                        <div class="input-icon">
                            <i class="fa fa-calendar"></i>
                            <input class="form-control" ed-date-picker placeholder="结束时间"  ng-model="query.endDate"/>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-4">
                        <div class="input-icon">
                            <i class="fa fa-bus"></i>
                            <input class="form-control" placeholder="未营运天数(≥N)" ng-model="query.notRunDay"/>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-4">
                        <div class="input-icon">
                            <i class="fa fa-bus"></i>
                            <select class="form-control"  ng-model="query.queryType"
                                    style="width: 200px;color: #b3b3b3;">
                                <option value="1">-- 类型 --</option>
                                <option value="2">已做广告</option>
                                <option value="3">未做广告</option>
                            </select>
                        </div>
                    </div>
                </div>
                <button class="btn btn-primary" ng-click="queryData()"><i class="fa fa-search"></i> 搜索</button>
                <button class="btn btn-primary" ng-click="reset()">
                    <i class="fa fa-rotate-left"></i> 重置
                </button>
            </form>
        </div>
        <div class="portlet-body" style="width: 100%">
            <table class="table table-striped table-bordered table-hover dataTable"
                    style="width: 100%">
                <thead>
                    <tr>
                        <th style="text-align: center;" style="width:150px;">公司</th>
                        <th style="text-align: center;" style="width:100px;">分公司</th>
                        <th style="text-align: center;" style="width:80px;">线路</th>
                        <th style="text-align: center;" style="width:100px;">车牌号</th>
                        <th style="text-align: center;" style="width:100px;">自编号</th>
                        <th style="text-align: center;" style="width:300px;">广告单位-广告内容</th>
                        <th style="text-align: center;" style="width:80px;">未营运天数</th>
                        <!--<th style="width:210px;">操作</th>-->
                    </tr>
                </thead>
                <tbody>
                    <tr ng-show="showDataList == undefined || showDataList.length == 0">
                        <td colspan="8" style="text-align: center">无数据(请填写数据查询)</td>
                    </tr>
                    <tr ng-repeat="data in showDataList">
                        <td style="text-align: center;">{{data.companyName}}</td>
                        <td style="text-align: center;">{{data.deptName}}</td>
                        <td style="text-align: center;">{{data.lineName}}</td>
                        <td style="text-align: center;" ng-click="clickData(data)"><a href="javascript:void(0)">{{data.plateNo}}</a></td>
                        <td style="text-align: center;">{{data.vehicleNo}}</td>
                        <td style="text-align: center;">{{data.customerContent}}</td>
                        <td style="text-align: center;">{{data.notRunDay}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="page_bar" style="position: relative; margin-top: 5px; margin-bottom: 25px;">
        </div>
        <div ng-show="totalSearchList.length > 0" style="font-family:bold">
            总数：<span>{{totalSearchList.length}}</span>
        </div>
    </div>
</div>

<div ed-modal="runDyanmicDetailModal" data-options="width:'900px',title:'动态明细', static:true,icon: 'fa-user',defaultButton:false">
    <div class="portlet" style="height: 500px;overflow-y: auto">
        <div class="portlet-body" style="width: 100%">
            <table class="table table-striped table-bordered table-hover dataTable"
                   style="width: 98%;margin-left: 9px;">
                <thead>
                <tr>
                    <th style="text-align: center;" style="width:150px;">日期</th>
                    <th style="text-align: center;" style="width:100px;">归属线路</th>
                    <th style="text-align: center;" style="width:80px;">车牌号</th>
                    <th style="text-align: center;" style="width:100px;">营运线路</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-show="runDyanmicDetailList == undefined || runDyanmicDetailList.length == 0">
                    <td colspan="4" style="text-align: center">无数据(请填写数据查询)</td>
                </tr>
                <tr ng-repeat="data in runDyanmicDetailList">
                    <td style="text-align: center;">{{data.runDate | limitTo : '10'}}</td>
                    <td style="text-align: center;">{{data.fromLineName}}</td>
                    <td style="text-align: center;">{{data.plateNo}}</td>
                    <td style="text-align: center;">{{data.runLineName}}</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>



